<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>总目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{ 1 | _totalTargetFormatMoney}} / {{ 2 | _totalTargetFormatMoney }} = {{ 0 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="0 | _getTargetProportion" class="progress-bar progress-bar-danger"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>床垫目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target1_sum | _formatMoney}} / {{agentSumFind.target1_value | _formatMoney }} = {{ 1 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="1 | _getTargetProportion" class=" progress-bar progress-bar-warning"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>床具目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target2_sum | _formatMoney}} / {{agentSumFind.target2_value | _formatMoney}} = {{ 2 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="2 | _getTargetProportion" class="progress-bar progress-bar-success"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 m-b-xs">
                    <div>
                        <span>当前床品目标进度：</span>
                        <div v-if="agentSumFind != ''" class="stat-percent">{{agentSumFind.target3_sum | _formatMoney}} / {{agentSumFind.target3_value | _formatMoney}} = {{ 3 | _getProportion}}%</div>
                        <div class="progress progress-mini">
                            <div v-if="agentSumFind != ''" :style="3 | _getTargetProportion" class="progress-bar"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div class="row">
            <!--<div class="col-sm-3 m-b-xs">
                <select class="input form-control inline" v-model="personState" @change="onSearch">
                    <option value="0">全部战区</option>
                    <option value="继承">继承</option>
                    <option value="离职">离职</option>
                    <option value="逝世">逝世</option>
                    <option value="退休">退休</option>
                    <option value="在职">在职</option>
                </select>
            </div>
            <div class="col-sm-3 m-b-xs">
                <select class="input form-control inline" v-model="personState" @change="onSearch">
                    <option value="0">全部战区</option>
                    <option value="继承">继承</option>
                    <option value="离职">离职</option>
                    <option value="逝世">逝世</option>
                    <option value="退休">退休</option>
                    <option value="在职">在职</option>
                </select>
            </div>-->
            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" placeholder="请输入经销编码搜索" v-model="keyword" @keyup.enter="onSearch" class="input form-control">
                    <span class="input-group-btn">
                        <button type="button" class="btn pink-bg color-white" @click="onSearch"> 搜索</button>
                    </span>
                </div>
            </div>
            <div class="col-sm-3">

                <select class="input form-control inline" v-model="regionID" @change="onSearch">
                    <option value="">全部战区</option>
                    <option value="A">东北战区</option>
                    <option value="B">京津冀战区</option>
                    <option value="C">江浙战区</option>
                    <option value="D">沪杭宁战区</option>
                    <option value="E">大珠三角战区</option>
                    <option value="F">广州战区</option>
                    <option value="G">深圳粤东战区</option>
                    <option value="H">粤西广西战区</option>
                    <option value="I">拓展一部</option>
                    <option value="J">拓展二部</option>
                </select>
            </div>
            <div class="col-sm-6 m-b-xs">
            </div>
        </div>
        <div style="height: 15px;"></div>
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>操作</th>
                    <th>经销商开票名称</th>
                    <th>床垫<br />累计金额</th>
                    <th>床具<br />累计金额</th>
                    <th>床品<br />累计金额</th>
                    <th>经销商<br />编码</th>
                    <th>经销商<br />手机号</th>
                    <th>战区<br />代号</th>
                    <th>战区<br />名称</th>
                    <th>门店数</th>
                    <th>业务员<br />姓名</th>
                    <th>业务员<br />登入账号</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="(info, index) in agentList"  :class="index | _getRowsColor">
                    <td><a href="javascript:void(0)" @click="onToAgentDetail(index)" class="btn btn-w-m btn-warning">查看详细</a></td>
                    <td>{{info.agency_name}}</td>
                    <td :class="index | _getTargetColor(1)">￥{{info.target1_sum | _formatMoney}}</td>
                    <td :class="index | _getTargetColor(2)">￥{{info.target2_sum | _formatMoney}}</td>
                    <td :class="index | _getTargetColor(3)">￥{{info.target3_sum | _formatMoney}}</td>
                    <td>{{info.agency_code}}</td>
                    <td>{{info.agency_phone}}</td>
                    <td>{{info.region_id}}</td>
                    <td>{{info.region_name}}</td>
                    <td>{{info.store_count}}</td>
                    <td>{{info.salesman_name}}</td>
                    <td>{{info.salesman_phone}}</td>
                </tr>
                </tbody>
                <tfoot v-if="totle > size">
                <tr>
                    <td colspan="12">
                        <ul class="pagination pull-right">
                            <li v-for="info in pages" class="footable-page" :class="info | _currPage"><a href="javascript:void(0);" @click="onSetPage(info)">{{info}}</a></li>
                        </ul>
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>

    </div>
</div>